<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./js/lib/jquery-1.12.4.js"></script>
    <!-- 表单验证的核心JS文件 -->
    <script src="./js/validation/jquery.validate.js"></script>
    <!-- 表单验证的时候,自己定义规则 -->
    <script src="./js/validation/additional-methods.js"></script>
    <script src="./js/layer/layer.js"></script>
    <script src="./js/main.js"></script>
    <script src="./js/lib/jquery.cookie.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/lib/jquery.idcode.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/jquery.idcode.css">
</head>

<body>
    <!-- 登录头 -->
    <div class="loginHeader main2 clear">
        <img src="./images/loginLogo.png" alt="">
    </div>
    <!-- 登陆内容 -->
    <div class="loginContent main2 clear">
        <!-- 登录左边图 -->
        <div class="loginLeft">
            <img src="./images/loginLeft.jpg" alt="">
        </div>
        <!-- 登录右边登录框 -->
        <div class="loginRight">
            <!-- 密码登录手机登录栏 -->
            <ul class="loginTit clear">
                <li class="pwdLogin"><a href="" class="current1">密码登录</a></li>
                <li class="phoneLogin"><a href="">手机登录</a></li>
            </ul>
            <!-- input表单 -->
            <!-- 账号密码登录 -->
            <ul class="logForm">
                <li class="pwdInput current2 clear">
                    <form action="">
                        <p> <input class="input" type="text" name="uname" placeholder="账号/邮箱"></p>
                        <p><input class="input" type="password" name="upwd" placeholder="密码"></p>
                        <p> <input class="input" type="text" name="yzm1" id="Txtidcode" class="txtVerification"
                                placeholder="请输入验证码"><span id="idcode" class="yzm"></span></p>
                        <!-- 登录 -->
                        <button>登录</button>
                        <!-- 记住密码 -->
                        <p class="remPwd clear">
                            <input type="checkbox" name="" id="">记住我
                            <label for="">
                                <a href="">立即注册</a>
                                <a href="">忘记密码</a>
                            </label>
                        </p>
                    </form>
                </li>
                <!-- 手机号登录 -->
                <li class="phoneInput clear">
                    <form action="">
                        <p>
                            <input class="input" type="text" name="uphone" placeholder="手机号(仅支持中国大陆)">
                        </p>
                        <p> <input class="input" type="text" name="yzm2" id="Txtidcode2" class="txtVerification"
                                placeholder="验证码">
                            <span class="yzm2" id="idcode1"></span></p>
                        <p> <input class="input" type="text" name="yzm3" placeholder="手机验证码"><span
                                class="yzm3">获取验证码</span></p>
                        <!-- 登录 -->
                        <button>登录</button>
                        <!-- 记住密码 -->
                        <p class="remPwd clear">
                            <label for="">
                                <a href="http://127.0.0.1:8080/reg.html">立即注册</a>
                                <a href="">忘记密码</a>
                            </label>
                        </p>
                    </form>
                </li>
                <!-- 横线 -->
                <!-- <div class="line"></div>
                <p class="linep">第三方登录</p> -->
                <!-- 微信标志 -->
                <!-- <div class="wechatLogo">
                    <img src="./images/loginWeixin.png" alt="">
                </div> -->
            </ul>
        </div>

    </div>
    <!-- 页脚 -->
    <div class="footer" id="footer"></div>



</body>

</html>